<div (contextmenu)="contextMenu($event, menu)">


  <button nz-button nzType="primary" (click)="openModal()">打开modal</button>
  <nz-divider></nz-divider>
  <button nz-button nzType="primary" (click)="openMessage()">打开message</button>
  <nz-divider></nz-divider>
  <button nz-button nzType="primary" (click)="openNotify()">打开notification</button>
  <nz-divider></nz-divider>
  <button nz-button nzType="primary"
          nz-popconfirm
          nzPopconfirmTitle="Are you sure delete this task?"
          nzPopconfirmPlacement="bottom"
          (nzOnConfirm)="openConfirm()">打开confirm
  </button>

</div>


<nz-dropdown-menu #menu="nzDropdownMenu">
  <ul nz-menu>
    <li nz-menu-item (click)="openDrawer()">点这个打开drawer</li>
    <li nz-menu-item>2nd menu item</li>
    <li nz-menu-item nzDisabled>disabled menu item</li>
    <li nz-submenu nzTitle="sub menu">
      <ul>
        <li nz-menu-item>3rd menu item</li>
        <li nz-menu-item>4th menu item</li>
      </ul>
    </li>
    <li nz-submenu nzDisabled nzTitle="disabled sub menu">
      <ul>
        <li nz-menu-item>3rd menu item</li>
        <li nz-menu-item>4th menu item</li>
      </ul>
    </li>
  </ul>
</nz-dropdown-menu>

<nz-drawer [nzVisible]="drawerVisible" nzPlacement="right" nzTitle="Basic Drawer" (nzOnClose)="drawerVisible = false">
  <ng-container *nzDrawerContent>
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </ng-container>
</nz-drawer>
